﻿<%@ Page Title="Contact" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Contact.aspx.cs" Inherits="AspNetTraining.Contact" %>

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <script type="text/javascript"
        src="http://maps.googleapis.com/maps/api/js?sensor=false&language=vi"></script>
    <script type="text/javascript">
        var map;
        function initialize() {
            var myLatlng = new google.maps.LatLng(10.7831713, 106.6936184);
            var myOptions = {
                zoom: 16,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            map = new google.maps.Map(document.getElementById("div_id"), myOptions);
            // Biến text chứa nội dung sẽ được hiển thị
            var text;
            text = "<b style='color:#00F' " +
                     "style='text-align:center'>Dinosys.vn<br />" +
                 "<img src='http://www.dinosys.vn/assets/img/dinosys_logo_370_70.png'  /></b>";
            var infowindow = new google.maps.InfoWindow(
             {
                 content: text,
                 size: new google.maps.Size(100, 50),
                 position: myLatlng
             });
            infowindow.open(map);
            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: "Dinosys.vn"
            });
        }
    </script>
    <body onload="initialize()">
        <div id="div_id" style="height: 350px; width: auto"></div>

        <div class="col-md-9 mb-margin-bottom-30">
            <div class="headline">
                <h4>Send us contact message</h4>
            </div>
            <p>Please fill your name, email and mesage to contact with us, Dinosys will response as soon as possible.. Thank you!</p>
            <br>
            <form novalidate="novalidate" action="sendMessages" method="post" id="sky-form3" class="sky-form contact-style">
                <fieldset class="no-padding">
                    <label>Full name <span class="color-red">*</span></label>
                    <div class="row sky-space-20">
                        <div class="col-md-7 col-md-offset-0">
                            <div>
                                <input name="name" id="name" class="form-control" type="text">
                            </div>
                        </div>
                    </div>
                    <label>Your Email Address <span class="color-red">*</span></label>
                    <div class="row sky-space-20">
                        <div class="col-md-7 col-md-offset-0">
                            <div>
                                <input name="email" id="email" class="form-control" type="text">
                            </div>
                        </div>
                    </div>
                    <label>Your messages for us <span class="color-red">*</span></label>
                    <div class="row sky-space-20">
                        <div class="col-md-11 col-md-offset-0">
                            <div>
                                <textarea rows="8" name="message" id="message" class="form-control"></textarea>
                            </div>
                        </div>
                    </div>
                    <p>
                        <button type="submit" class="btn-u">Send Message</button>
                    </p>
                </fieldset>
                <div class="message">
                    <i class="rounded-x fa fa-check"></i>
                    <p>Your message was sent sucessfully!</p>
                </div>
            </form>
        </div>
    </body>
</asp:Content>
